<div class="card">

  <div class="card-header">
    <h6 class="card-title">头像选择</h6>
  </div>

  <div class="card-body">

    <div class="row">

      <div class="col-md-4">
        <img src="assets/imgs/head/h1.png" width="100px" height="100px" (click)="onSelect('1')"/>
      </div>


  <div class="col-md-4">
    <img src="assets/imgs/head/h2.png" width="100px" height="100px" (click)="onSelect('2')"/>
  </div>

  <div class="col-md-4">
    <img src="assets/imgs/head/h3.png" width="100px" height="100px" (click)="onSelect('3')"/>
  </div>

        </div>

    <div class="row">

      <div class="col-md-4">
        <img src="assets/imgs/head/h4.png" width="100px" height="100px" (click)="onSelect('4')"/>
      </div>


      <div class="col-md-4">
        <img src="assets/imgs/head/h5.png" width="100px" height="100px" (click)="onSelect('5')"/>
      </div>

      <div class="col-md-4">
        <img src="assets/imgs/head/h6.png" width="100px" height="100px" (click)="onSelect('6')"/>
      </div>

    </div>

    <div class="row">

      <div class="col-md-4">
        <img src="assets/imgs/head/h7.png" width="100px" height="100px" (click)="onSelect('7')"/>
      </div>


      <div class="col-md-4">
        <img src="assets/imgs/head/h8.png" width="100px" height="100px" (click)="onSelect('8')"/>
      </div>

    </div>
  </div>
</div>
